<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <title>{$Think.CONFIG.sitename} - 登录</title>
    <meta name="keywords" content="{$Think.CONFIG.keywords}">
    <meta name="description" content="{$Think.CONFIG.description}">
    <link href="__PUBLIC__/static/css/bootstrap.min.css" rel="stylesheet">
    <link href="__PUBLIC__/static/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="__PUBLIC__/static/css/animate.min.css" rel="stylesheet">
    <link href="__PUBLIC__/static/css/style.min.css?v=4.0.0" rel="stylesheet">
    <link href="__PUBLIC__/static/css/login.min.css" rel="stylesheet">
    <!--[if lt IE 8]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->
    <script>
        if(window.top!==window.self){window.top.location=window.location};
    </script>
</head>

<body class="signin">
<div class="signinpanel">
    <div class="row">
        <div class="col-sm-7">
            <div class="signin-info">
                <div class="logopanel m-b">
                    <h1>[ 通知 ]</h1>
                </div>
                <div class="m-b"></div>
                <h4>欢迎使用 <strong>{$Think.CONFIG.sitename}</strong></h4>
                <ul class="m-b">
                    <volist name="inform" id="vo">
                        <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i>{$vo.title}</li>
                    </volist>
                </ul>
                <strong>今日时间 {$toDay|date='Y-m-d',###} <span id="clock2"></span></strong>
            </div>
        </div>
        <div class="col-sm-5">
            <form action="{:U('Index/login')}" id="myForm">
                <h4 class="no-margins">登录：</h4>
                <p class="m-t-md">登录到{$Think.CONFIG.sitename}</p>
                <input type="text" name="user" class="form-control uname" placeholder="用户名" datatype="s3-16"  nullmsg="请填写用户名！" errormsg="用户名至少3个字符,最多16个字符！" sucmsg="用户名验证通过！" autocomplete="off"/>
                <input type="password" name="password" class="form-control pword m-b" placeholder="密码" datatype="*3-15" nullmsg="请填写密码！" errormsg="密码范围在3~15位之间！" sucmsg="密码验证通过！" autocomplete="off"/>
                <input type="text" name="code" class="form-control code" placeholder="验证码" maxlength="4" datatype="s4-5" nullmsg="请填写验证码！" errormsg="验证码不能低于4位！" sucmsg="验证码通过验证！" autocomplete="off"/>
                <input type="checkbox" name="remmeber" value="1"><span>记住我</span>
                <div class="Validform_checktip" id="dump"></div>
                <button class="btn btn-success btn-block">登录</button>
            </form>
        </div>
    </div>
    <div class="signup-footer">
        <div class="pull-left">
             {$Think.CONFIG.footer}
        </div>
    </div>
</div>
<script src="__PUBLIC__/static/js/jquery.min.js?v=2.1.4"></script>
<script src="__PUBLIC__/static/js/plugins/validate/Validform_v5.3.2.js"></script>
<script src="__PUBLIC__/static/js/MyDigitClock.js"></script>
<script>
    $(function() {
        $("input[name='code']").click(function(){
            var code = $(this).val().length;
            if(code !=4)
            {
                this.style.backgroundImage='url(/com-verify?id='+Math.random()+'.html)';
            }
        })
        $("#myForm").Validform({
            tiptype:function(msg,o,cssctl){
                if(!o.obj.is("form")){
                    var objtip=o.obj.siblings(".Validform_checktip");
                    cssctl(objtip,o.type);
                    objtip.text(msg);
                }else{

                    if(msg == '登录成功!'){
                        window.location.href="/team";
                    }else{
                        var objtip=o.obj.find("#dump");
                        cssctl(objtip,o.type);
                        objtip.text(msg);
                    }
                }
            },
            ajaxPost:true
        });

    })
</script>
<script type="text/javascript">
    $(document).ready(function(){
        $(function(){
            $("#clock2").MyDigitClock({
                fontSize:13,
                fontFamily:"Century gothic",
                fontColor: "#fff",
                fontWeight:"bold",
                bAmPm:true,
                background:'rgb(0,0,0,75)',
                bShowHeartBeat:true
            });
        });
    });
</script>
</body>

</html>